<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--link rel="icon" type="image/png" href="./img/icon.png" /-->
<title>CDBUS Tools - Ctrl</title>

<link rel="stylesheet" href="./libs/bulma-1.0.2.css">
<link rel="stylesheet" href="./libs/bulma-tooltip-v1.2.0.min.css">
<link rel="stylesheet" href="./libs/uPlot-1.6.32.min.css">

<style>

.columns.is-gapless>.is-1.reg_btn_rw {
    width: 30px;
    margin: 1px 1px 1px 1px;
    border-radius: 6px 6px 6px 6px;
    border-width: 0.1px;
    border-style: dashed;
    /*background: #73AD81;*/
    
    /* txt center: */
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}
.reg_btn_rw:hover {
    /*background-color: yellow;*/
    cursor: pointer;
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 0rem;
}

</style>

</head>
<body>

<section class="section">

    <div class="container">
        <h2 class="title is-size-4"><span>${L('Device')}</span> <span class="is-size-6" id="tgt_name"></span></h2>
        <div class="is-inline-flex" style="align-items: center; gap: 0.3rem; margin: 5px 0;">
            <button class="button is-small" id="dev_read_info">${L('Read Info')}</button>
            <span>${L('Device Info')}:</span> <span id="dev_info">--</span>
        </div>
    </div>
    <br>

</section>

</body>
<script src="./libs/msgpack-ygoe-9045d01.min.js" defer></script>
<script src="./libs/uPlot-1.6.32.iife.js" defer></script>
<script type="module" src="./ctrl.js"></script>
</html>
